<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
        <title>忘记密码页</title>
        <jsp:include page="lbi/css.jsp"></jsp:include>
        <link rel="stylesheet" href="<c:url value="/static/css/user/register.css"/>"/>
</head>

    <body>
        <div class="wrap">
            <!-- 头部开始-->
            <header>
                <div class="header common">
                    <ul class="left fl">
                        <li class="commones">
                            <a class="fl" href="#">欢迎您！</a>
                        </li>
                        <li class="name">
                            <!--登录前显示请登录-->
                            <a href="users/personal.html" class="selected-color">请登录</a>
                        </li>
                        <li>或</li>
                        <li class="register">
                            <a href="#"><span class="selected-color">轻松注册</span></a>
                        </li>
                    </ul>

                    <ul class="right fr">
                        <li>
                            <a href="#"><img width="20px" height="20px" src="static/img/phone.png" /> 客服热线 ： 0512-67229422 (8:30-17:30)</a>
                        </li>

                    </ul>
                </div>
            </header>
            <!-- 头部结束-->
            <!--导航开始-->
            <nav class="nav">
                <div class="common nav_bottom">
                    <div class="left fl logo"><img src="static/img/logo.png"></div>
                    <div class="center fl" style="margin-left:50px;">
                        <ul class="fl">
                            <li>找回密码</li>
                        </ul>
                    </div>
                </div>
            </nav>
            <!--导航结束-->
            <div class="registerWrapper common findstepWrap">
            <!--第一步-->  
                <div class="form findstepForm block" title="1">
                    <div class="findstep"><img src="static/img/step1.png"/></div>
                    <table cellspacing="0" cellpadding="0">
                        <tbody>
                            <tr>
                                <th><span>*</span>手机号：</th>
                                <td>
                                    <input type="text" class="inputClass" id="mobilephone" placeholder="请输入11位手机号" maxlength="11">
                                    <span class="tips" id="mobilephoneError"></span>
                                </td>
                            </tr>
                            <tr>
                                <th><span>*</span>验证码：</th>
                                <td>
                                    <input type="text" class="inputClass" id="imgcode" maxlength="4" placeholder="图片验证码" style="width: 145px; float: left">
                                    <canvas class="yz_code" id="canvas" width="100" height="43" alt="看不清？点击换一张"></canvas>
                                    <a href="javascript:void(0)" class="btn_change">换一张</a>
                                    <span class="tips" id="imgcodeError"></span>
                                </td>
                            </tr>
                            <tr>
                                <th><span>*</span>短信验证码：</th>
                                <td>
                                    <input type="text"class="inputClass" id="mobilecode" autocomplete="new-mobilecode" maxlength="6" placeholder="短信验证码" style="width: 145px; float: left">
                                    <input type="button" id="btn_getcode" class="btns btns_erCode" onclick="settime(this)" value="获取验证码" style="background:#fff;color:#59BCE3;">
                                    <span class="tips" id="mobilecodeError"></span>
                                </td>
                            </tr>
                            <tr height="100px">
                                <th></th>
                                <td>
                                    <a href="javascript:void(0);" id="btn_register" class="btns next_button">下一步</a>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            <!--第二步-->
                    <div class="form findstepForm" title="2">
                    <div class="findstep"><img src="static/img/step2.png"/></div>
                    <table cellspacing="0" cellpadding="0">
                        <tbody>
                            <tr>
                                <th><span></span>用户名：</th>
                                <td>
                                    15506130880
                                </td>
                            </tr>
                            <tr>
                                <th><span>*</span>设置新密码：</th>
                                <td>
                                    <input type="password" id="loginpass" autocomplete="new-password" class="password inputClass" placeholder="6-18位密码" maxlength="18">
                                    <span class="tips" id="loginpassError"></span>
                                </td>
                            </tr>
                            <tr>
                                <th><span>*</span>确认密码：</th>
                                <td>
                                    <input type="password" id="reloginpass" autocomplete="new-password" class="password inputClass" placeholder="6-18位密码" maxlength="18">
                                    <span class="tips" id="reloginpassError"></span>
                                </td>
                            </tr>
                            
                            <tr height="100px">
                                <th></th>
                                <td>
                                    <a href="javascript:void(0);" id="btn_register" class="btns next_button">下一步</a>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <!--第三步-->
                <div class="form findstepForm" title="3">
                    <div class="findstep"><img src="static/img/step3.png"/></div>
                    
                    <table cellspacing="0" cellpadding="0">
                        <tbody>
                            
                            <tr height="200px;">
                            <th></th>
                                <td style="font-size: 18px;">
                                    <img src="static/img/success_btn.png"/>&nbsp;&nbsp;&nbsp;&nbsp;恭喜您，密码修改成功！
                                </td>
                            </tr>
                    
                            <tr>
                                <th></th>
                                <td>
                                    <a href="javascript:void(0);" id="btn_register" class="btns">立即登录</a>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            
            </div>
				<div style="height: 50px;"></div>
                <footer class="common">
                <div class="footer-top">
                    <ul>
                        <li class="plqq">
                            <span class="icon"></span>
                            <h1>品种规格齐全</h1>
                        </li>
                        <li class="zzbz">
                            <span class="icon"></span>
                            <h1>质量可靠保障</h1>
                        </li>
                        <li class="jgyz">
                            <span class="icon"></span>
                            <h1>价格占有优势</h1>
                        </li>
                        <li class="qqbt">
                            <span class="icon"></span>
                            <h1>缺钱可打白条</h1>
                        </li>
                        <li class="mfzc">
                            <span class="icon"></span>
                            <h1>免费找货找车</h1>
                        </li>
                    </ul>
                </div>
                <div class="footer-bottom">
                    <h1 class="common tc">Copyright©right;2018 www.zaishengwang.com Inc. All rights reserved</h1>
                    <h2 class="common tc">苏ICP证161025号 | 苏ICP备15001001号 | 再生网</h2>
                </div>
            </footer>

        </div>
        <script type="text/javascript" src="<c:url value="/static/js/register.js/"/>"></script>
        <script type="text/javascript">
            $(document).ready(function(){
            	
                $(".next_button").click(function(){
                    var num_ = $(this).parents(".findstepForm").attr("title")
                    $(this).parents(".findstepWrap").children('.findstepForm').removeClass('block');
                    $(".next_button").parents(".findstepWrap").children('.findstepForm').eq(num_).addClass('block');
                })
                
          });
        </script>

    </body>

</html>